html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #eee;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.black_glass_transparent {
  z-index: 300;
  filter: alpha(opacity=70); /*older IE*/
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE */
  -moz-opacity: .70; /*older Mozilla*/
  -khtml-opacity: 0.7; /*older Safari*/
  opacity: 0.7; /*supported by current Mozilla, Safari, and Opera*/
  background-color: #000000;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.elements_black_glass_transparent {
  z-index: 999999999;
  color: #FFF;
  top: 0;
  margin-right: auto;
}

.externals{
 color: #fff; 
 background-color:rgba(0,0,0,0.5); 
 width: 220px;
}

.externals td {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 25px;
}

.flecha_menu{
  display: inline-block;
  position: relative;
  top: -10px;
  left: 30px;
  float: right;
}

.link_menu_derecho{
  color: #ffffff;
  font-weight: bold;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

.link_menu_derecho:hover{
  text-decoration: underline;
  color: #1E1D1D;  
}

/*image with transparent caption*/
section {
  overflow: auto;
}

section figure {
  float: left;
  clear: both;

  position: relative;
  overflow: auto;

  margin: 0 auto;
  font-size: 15px;
}

section figure img {
  vertical-align: bottom;
}

section figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0,0,0,0.7);
  text-align: center;
  color: #fff; 
  padding-bottom: 5px;
  padding-top: 5px;
}

/*end image with transparent caption*/


.tituloArticuloIndex{
  font-family: trebucbold;
  font-size: 21px;
  top: -15px;
  position: relative;
}

/*FUENTES*/
@font-face {
  font-family: trebuc;
  src: url("../fonts/trebuc.ttf");
}

@font-face {
  font-family: trebucbold;
  src: url("../fonts/trebucbd.ttf");
}
@font-face {
  font-family: trebucbolditalic;
  src: url("../fonts/trebucbi.ttf");
}
@font-face {
  font-family: trebucitalic;
  src: url("../fonts/trebucit.ttf");
}

/*FIN FUENTES*/

.micontainer{
  margin: auto;
  width: 1300px;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

#mainwrapper {  
  font: 10pt normal Arial, sans-serif;  
  height: auto;  
  text-align: center;   
  float: left;
}  

#mainwrapper .box {  
  border: 5px solid #fff;  
  cursor: pointer;  
  height: 182px;   
  margin: 5px;  
  position: relative;  
  overflow: hidden;  
  width: 200px;  
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;  
  -moz-box-shadow: 1px 1px 1px 1px #ccc;  
  box-shadow: 1px 1px 1px 1px #ccc;  
}  

#mainwrapper .box img {  
  position: absolute;  
  left: 0;  
  -webkit-transition: all 300ms ease-out;  
  -moz-transition: all 300ms ease-out;  
  -o-transition: all 300ms ease-out;  
  -ms-transition: all 300ms ease-out;  
  transition: all 300ms ease-out;  
}  

#mainwrapper .box .caption {  
  background-color: rgba(0,0,0,0.8);  
  position: absolute;  
  color: #fff;  
  z-index: 100;  
  -webkit-transition: all 300ms ease-out;  
  -moz-transition: all 300ms ease-out;  
  -o-transition: all 300ms ease-out;  
  -ms-transition: all 300ms ease-out;  
  transition: all 300ms ease-out;  
  left: 0;  
} 

#mainwrapper .box .simple-caption {  
  height: 30px;  
  width: 200px;  
  display: block;  
  bottom: -30px;  
  line-height: 25pt;  
  text-align: center;  
}

#mainwrapper .box:hover .simple-caption {  
  -moz-transform: translateY(-100%);  
  -o-transform: translateY(-100%);  
  -webkit-transform: translateY(-100%);  
  transform: translateY(-100%);  
}  

.previewArticuloIndex{
  text-align: justify;
  font-size: 10px;
  font-family: trebuc;

}

.contenidoArticuloIndex{
  width: 340px;
  height: 192px;
}

.cajaArticuloIndex{
  background-color: #fff; 
  padding-top: 25px; 
  padding-left: 15px;
  padding-right: 15px;
}
.contenidoArticuloIndex img{
  float: left; 
  padding-right: 10px; 
  padding-bottom: 10px;
}

.linkLeer{
  left: 94%;
position: relative;
}

.itemMenu{
  float: left;
  padding: 8px;
  width: 214px;
  font-size: 11px;
  font-family: trebuc;

}

.linkItemMenu{
  text-decoration: none;
  color: #000000;
  font-family: trebucbold;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}

.tituloItemMenu:hover{
  height: 51px;
   background-color: #FB172B;
   text-align: center;
   vertical-align: middle;
}

.tituloItemMenu:hover a{
  height: 51px;
 color: #ffffff;
 text-decoration: none;
 font-family: trebucbold;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}


.tituloItemMenu{
  height: 51px;
  text-align: center;
  color: #000000;
  background-color: #EFEEEA;
  margin-bottom: 5px;
  padding: 10px;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
  vertical-align: middle;
}

.cellClass {
    vertical-align: top;
}

.contenidoItemMenu{
}